.box{
    width:300px;
    background:linear-gradient(#F9FBCB,#F8F8F3);
}
h3{
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color:white;
    text-indent: 1em;
    background:#518700 url("../image/5.5/bang.gif") no-repeat 120px center;
}
a{
    text-decoration: none;
    color:#1a66b3;
    font-size: 14px;
}
a:hover{
    text-decoration: underline;
}

li:nth-of-type(n+4):nth-of-type(-n+10){
    background-position:0px 5px;
}
li{
    height: 30px;
    text-indent: 2em;
    list-style: none;
    background:url("../image/5.5/book_no01.gif") no-repeat ;
}
li:nth-of-type(2){
    height: 30px;
    text-indent: 2em;
    list-style: none;
    background:url("../image/5.5/book_no02.gif") no-repeat ;
}
li:nth-of-type(3){
    height: 30px;
    text-indent: 2em;
    list-style: none;
    background:url("../image/5.5/book_no03.gif") no-repeat ;
}
li:nth-of-type(4){
     height: 30px;
     text-indent: 2em;
     list-style: none;
     background:url("../image/5.5/book_no04.gif") no-repeat ;
 }
li:nth-of-type(5){
    height: 30px;
    text-indent: 2em;
    list-style: none;
    background:url("../image/5.5/book_no05.gif") no-repeat ;
}
li:nth-of-type(6){
    height: 30px;
    text-indent: 2em;
    list-style: none;
    background:url("../image/5.5/book_no06.gif") no-repeat ;
}
li:nth-of-type(7){
    height: 30px;
    text-indent: 2em;
    list-style: none;
    background:url("../image/5.5/book_no07.gif") no-repeat ;
}
li:nth-of-type(8){
    height: 30px;
    text-indent: 2em;
    list-style: none;
    background:url("../image/5.5/book_no08.gif") no-repeat ;
}
li:nth-of-type(9){
    height: 30px;
    text-indent: 2em;
    list-style: none;
    background:url("../image/5.5/book_no09.gif") no-repeat ;
}
li:nth-of-type(10){
    height: 30px;
    text-indent: 2em;
    list-style: none;
    background:url("../image/5.5/book_no10.gif") no-repeat ;
}
